<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no" />
     <title>人人梦</title>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css"/>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/second.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js" defer></script>
 </head>
 <body>
 <!-- 导航部分-->
   <div class="navs">
    <script>
      $(".navs").load("heads.html");
    </script>
   </div>
   <!--banner部分-->
 <div class="fus_bg tycy ti_inner">
     <div class="fus_inner wow bounceIn animated ">
         <div class="title">
             <h1 class="col_fff">
                 <div style="animation-delay: 0s;">体</div>
                 <div style="animation-delay: 0.1s;">育</div>
                 <div style="animation-delay: 0.2s;">产</div>
                 <div style="animation-delay: 0.3s;">业</div>
                 <br/> <b></b> </h1>
             <p>人人梦中国，将成为中国最大创业创新筑梦联盟 与 最大人人梦中国IP航母</p>
         </div>
     </div>
 </div>
 <div class="huibg main_up">
     <div class="main-md">
         <div class="cy_list">
             <ul>
                 <li><a href="#">
                     <div class="cy_img">
                         <img src="images/second/cy-1.jpg" alt=""/>
                     </div>
                     <div class="cy_text">
                         <b> 最新活动 </b>
                         <h4> 关于2017太原国际马拉松赛获奖选手
                             信息登记的通知</h4>
                         <p> 2017太原国际马拉松赛已于2017年9月10日圆满结束，关于获奖选手（全程1-32民半程1-8名）银行卡信息的预留工资即将开展。现将具... </p>
                         <span> 2017.06.08 </span>
                     </div>
                     <div class="cy_hide">
                         <b> 最新活动</b>
                         <h4>关于2017太原
                             国际马拉松赛获奖选手信息</h4>
                         <span class="s1">2017.06.08 </span>
                         <p>2017太原国际马拉松赛已于2017年9月10日圆满结束，关于获奖选手（全程1-32民半程1-8名）银行卡信息的预留工资即将开展。现将具体预留信息情况如下...</p>
                         <span class="cha"> 查看详情</span>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="cy_img">
                         <img src="images/second/cy-2.jpg" alt=""/>
                     </div>
                     <div class="cy_text">
                         <b> 最新活动 </b>
                         <h4> 关于2017太原国际马拉松赛获奖选手
                             信息登记的通知</h4>
                         <p> 2017太原国际马拉松赛已于2017年9月10日圆满结束，关于获奖选手（全程1-32民半程1-8名）银行卡信息的预留工资即将开展。现将具... </p>
                         <span> 2017.06.08 </span>
                     </div>
                     <div class="cy_hide">
                         <b> 最新活动</b>
                         <h4>关于2017太原
                             国际马拉松赛获奖选手信息</h4>
                         <span class="s1">2017.06.08 </span>
                         <p>2017太原国际马拉松赛已于2017年9月10日圆满结束，关于获奖选手（全程1-32民半程1-8名）银行卡信息的预留工资即将开展。现将具体预留信息情况如下...</p>
                         <span class="cha"> 查看详情</span>
                     </div>
                 </a></li>
                 <li><a href="#">
                     <div class="cy_img">
                         <img src="images/second/cy-1.jpg" alt=""/>
                     </div>
                     <div class="cy_text">
                         <b> 最新活动 </b>
                         <h4> 关于2017太原国际马拉松赛获奖选手
                             信息登记的通知</h4>
                         <p> 2017太原国际马拉松赛已于2017年9月10日圆满结束，关于获奖选手（全程1-32民半程1-8名）银行卡信息的预留工资即将开展。现将具... </p>
                         <span> 2017.06.08 </span>
                     </div>
                     <div class="cy_hide">
                         <b> 最新活动</b>
                         <h4>关于2017太原
                             国际马拉松赛获奖选手信息</h4>
                         <span class="s1">2017.06.08 </span>
                         <p>2017太原国际马拉松赛已于2017年9月10日圆满结束，关于获奖选手（全程1-32民半程1-8名）银行卡信息的预留工资即将开展。现将具体预留信息情况如下...</p>
                         <span class="cha"> 查看详情</span>
                     </div>
                 </a></li>
                 <div class="both"></div>
             </ul>
         </div>
         <div class="product">
            <ul>
                <li><a href="#">
                    <div class="pro_img">
                        <img src="images/second/cy-3.jpg" alt=""/>
                    </div>
                </a></li>
                <li><a href="#">
                    <div class="pro_text">
                        <h4>国内外赛事项目介绍</h4>
                        <p>致力体育传播与以人为本筑梦营销传播 “梦想 与健康同行” 价值观
                            推广“中国梦 人人梦”中国品牌接力跑为人人梦接力，为中国梦代言，
                            为筑梦者出彩服务中国企业家形象塑造...</p>
                        <span> 查看详情</span>
                    </div>
                </a></li>
                <li><a href="#">
                    <div class="pro_text">
                        <h4>国内外赛事项目介绍</h4>
                        <p>致力体育传播与以人为本筑梦营销传播 “梦想 与健康同行” 价值观
                            推广“中国梦 人人梦”中国品牌接力跑为人人梦接力，为中国梦代言，
                            为筑梦者出彩服务中国企业家形象塑造...</p>
                        <span> 查看详情</span>
                    </div>
                </a></li>
                <li><a href="#">
                    <div class="pro_img">
                        <div class="swiper-container products">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="images/second/cy-4.jpg" alt=""/>
                                    <div class="pro_hide">
                                        <h4> PROJECT INTRODUCTION</h4>
                                        <h2> 项目介绍</h2>
                                        <span> 查看详情 </span>
                                    </div>
                                </div>
                                <div class="swiper-slide"><img src="images/second/cy-4.jpg" alt=""/>
                                    <div class="pro_hide">
                                        <h4> PROJECT INTRODUCTION</h4>
                                        <h2> 项目介绍</h2>
                                        <span> 查看详情 </span>
                                    </div>
                                </div>
                            </div>
                            <!-- 如果需要分页器 -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </a></li>
                <div class="both"></div>
            </ul>
         </div>
     </div>
 </div>
    <!--页面底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script>
      $(function(){
          var banner = new Swiper('.products', {
              autoplay: 8000,
              speed:1000,
              //effect : "fade",
              fade: {
                  crossFade: true
              },
              loop: true,
              lazyLoading: true,
              // 如果需要分页器
              pagination: '.swiper-pagination',
              paginationClickable: true
          });
      });
  </script>
 </body>
</html>
